@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
blockquote,body,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp{margin:0;padding:0}
body,button,code,input,kbd,pre,samp,select,textarea,tt,xmp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
b,h1,h2,h3,h4,h5,h6,strong{font-weight:400}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
menu,ol,ul{list-style:none}
fieldset,img{border:0}
button,img,input,object,select,textarea{vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block}
blockquote:after,blockquote:before,q:after,q:before{content:"\0020"}
textarea{overflow:auto;resize:vertical}
a,button,input,select,textarea{outline:0 none;border:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,del,ins,s,u{text-decoration:none}
sub,sup{vertical-align:baseline}
html{overflow-x:hidden;height:100%;font-size:50px;-webkit-tap-highlight-color:transparent}
body{font-family:Arial,"Microsoft Yahei","Helvetica Neue",Helvetica,sans-serif;color:#333;font-size:.28em;line-height:1;-webkit-text-size-adjust:none}
hr{height:.02rem;margin:.1rem 0;border:medium none;border-top:.02rem solid #cacaca}
a{color:#333;text-decoration:none}
.fl{float:left}
.fr{float:right}
.text-center{text-align: center;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
.flex_wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex_con{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.slh{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html{background:url(../image/nav_bg.jpg) repeat-y;background-size:100% 17.67rem}
body{padding-bottom:2rem}
.hr{height:1px;background:#d1d1d1}
.logo_header{height:.9rem;background:#842919}
.logo_header .logo_img{float:left;width:2.62rem;height:.6rem;margin:.15rem 0 0 .5rem;background:url(../image/logo.png) no-repeat;background-size:100% 100%}
.logo_header .logo_btns{float:right}
.logo_header .logo_btns.user{float:right;margin:.25rem .5rem 0 0}
.logo_header .logo_btns.guest{float:right;margin:.25rem .22rem 0 0}
.logo_header .logo_btns a{display:inline-block;height:.44rem;line-height:.44rem;font-size:.24rem;text-align:center;border-radius:4px}
.logo_header .logo_btns a.login{width:1.2rem;background:#fff;color:#333;margin-right:.1rem}
.logo_header .logo_btns a.register{width:1.6rem;background:#333;color:#fff}
.logo_header .logo_btns a.name {
    max-width: 100px;
    background: url(../image/user_user.png) left center no-repeat;
    background-size: 13px 13px;
    color: #fff;
    padding: 0 0 0 18px;
    font-size:13px;
}
.logo_header .logo_btns a.money {
    background: url(../image/user_money.png) left center no-repeat;
    background-size: 13px 13px;
    color: #fff;
    padding: 0 0 0 18px;
    font-size:13px;
}
.logo_header .logo_btns span{color:#fff;font-size:16px;padding: 0 3px 0 3px;}
.footer{height:1.72rem;background:#2b2b2d;text-align:center;padding-top:.24rem;font-size:.24rem;position:fixed;bottom:0;left:0;right:0;z-index:10}
.footer img{width:.75rem;height:.75rem;margin:.1rem auto .15rem}
.footer .flex_con{border-right:1px solid #4d4d4f}
.footer .flex_con:last-child{border-right:0}
.footer a{color:#b8b9b9}
.form{margin:0 auto}
.form .input_view{height:34px;margin-bottom:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative}
.form .input_view.no_input{line-height:34px}
.form.register .input_view{margin-bottom:25px}
.form .input_title{font-size:.3rem;line-height: .6rem;}
.form .input_view .input_radio{padding:0 30px}
.form .input_view .input_radio label{margin-right:20px}
.form .input_view .input_radio input{vertical-align:-2px;margin-right:6px;-webkit-appearance:none;width:14px;height:14px;border:1px solid #b2b2b2;border-radius:50%;position:relative}
.form .input_view .input_radio input:checked{background:#fff}
.form .input_view .input_radio input:checked::before{content:"";width:6px;height:6px;position:absolute;top:50%;left:50%;margin:-3px 0 0 -3px;background:#b2b2b2;border-radius:50%}
.form .input_view .label{width:.68rem;height:34px;background:#b2b2b2;float:left}
.form .input_view .inp_text,.form .input_view .help-block{position:absolute;left:0;bottom:-17px;font-size:.21rem;color:#595757;width:100%;background:#fff;}
.form .input_view .help-block.help-block-error{color:#ae2919;z-index:4;}
.form .inp_r{float:left;background:#fff;height:34px;padding:0 .2rem;border:1px solid #b2b2b2;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.form .inp_r input,.form .inp_r select{width:100%;height:32px;line-height:32px;font-size:12px;-webkit-appearance:none}
.form .code_view .code_img{float:left;width:1.28rem;height:28px;background:#acadae;margin:3px 0 0 10px}
.form .code_view .code_img img{width:100%;height:100%;display:block}
.form .code_view a{float:left;color:#6d6d6d;height:34px;line-height:34px;margin-left:10px}
.form .op_view{height:.84rem;line-height:.24rem;padding:.2rem 0 .4rem}
.form .op_view a{color:#ae2919}
.form_check{text-align:center;height:28px;line-height:28px;color:#6d6c6c;font-size:.23rem}
.form_check .check_box{display:inline-block;width:28px;height:28px;cursor:pointer;background:url(../image/input_10.png) center center no-repeat;background-size:28px 28px;vertical-align:-9px}
.form_check .check_box.check{background:url(../image/input_9.png) center center no-repeat;background-size:30px 30px}
.btn_view{padding:0 .3rem;padding-top:.3rem}
.form .btn{width:100%;display:block;margin:0 auto;background:#8d2919;text-align:center;font-size:.32rem;color:#fff;height:.7rem;line-height:.7rem;border-radius:4px;padding:0;}
.form .input_view .img_user{background:url(../image/input_1.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_password{background:url(../image/input_2.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_code{background:url(../image/input_6.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_id{background:url(../image/input_3.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_phone{background:url(../image/input_4.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_qq{background:url(../image/input_5.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_question{background:url(../image/input_7.png) #b2b2b2 center center no-repeat;background-size:26px 26px}
.form .input_view .img_answer{background:url(../image/input_8.png) #b2b2b2 center center no-repeat;background-size:26px 26px}

.form.title_left .input_title{height: 34px;line-height:34px;width:130px;font-size:.25rem;text-align: right;padding-right:5px;}
.form.title_left .input_title.width_full{width:70px;}

.inp_r label{display: none;}
.pop{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.3);z-index:100}
.popbox{background:#fff;margin:50px 10px 10px;z-index:101;border-radius:4px}
.poptile{background:#b12919;padding:10px;text-align:center;color:#fff;font-size:16px;border-radius:4px 4px 0 0;line-height:20px;}
.poptile span{float:right;width:20px;height:20px;font-size:12px;text-align: center;line-height:20px;}
.popcon{position:relative;padding:15px;max-height:400px;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
